<div class="modal-header">
  <div class="modal-title">编辑合同</div>
</div>
<nz-spin *ngIf="!record" class="modal-spin"></nz-spin>
<sf *ngIf="record" #sf mode="edit" [schema]="schema" [ui]="ui" [formData]="record" button="none">
  <div class="main">
    <div class="right">
      <div class="avatar"><img src="{{ record.contract_url }}"/></div>
      <nz-upload nzAction="api/upload/file" [nzShowUploadList]="false" (nzChange)="change1($event)">
        <button nz-button class="button_view" type="file">
          <i nzType="upload" type="file"></i>
          <span>合同截图</span>
        </button>
      </nz-upload>
    </div>
    <div class="right">
      <div class="avatar"><img src="{{ record.contract_pay_url }}"/></div>
      <nz-upload nzAction="api/upload/file" [nzShowUploadList]="false" (nzChange)="change2($event)">
        <button nz-button class="button_view" type="file">
          <i nzType="upload" type="file"></i>
          <span>收款截图</span>
        </button>
      </nz-upload>
    </div>
  </div>
  <div class="modal-footer">
    <button nz-button type="button" (click)="close()">关闭</button>
    <button nz-button type="submit" nzType="primary" (click)="save(sf.value)" [disabled]="!sf.valid"
            [nzLoading]="http.loading"
    >保存
    </button
    >
  </div>
</sf>
